<div class="page">
	<div class="page-head">
		<h1 class="font-thin h4">结算方管理</h1>
	</div>
	<div class="client-tab">
		<span ui-sref="app.client.client_editNew">基本信息</span>
		<span ui-sref="app.client.customerrepresentative_manageNew">客户代表</span>
		<span ui-sref="app.client.goodstype_manageNew">货物分类</span>
		<span ui-sref="app.client.goods_manageNew">货物</span>
		<span class="client-tab-cur">结算方</span>
		<span ui-sref="app.client.lineprice_manageNew">线路报价</span>
		<span ui-sref="app.client.projectManagentNew">工程</span>
        <span ui-sref="app.client.clientinfo_manageNew">客户资料</span>
        <span ui-sref="app.client.returnPeriodNew">对账回款周期</span>
	</div>
	<div class="page-body">
        <form name="step5" id="settleForm" class="form-validation" novalidate ng-controller="settleManagentControllerNew">
             <!--form-horizontal-->
            <div class="list-body">
                <div class="client-company">						
                    <label class="control-label pull-left client-companyLabel">客户单位：</label>
                    <div class="col-md-2 form-group">
                        <label class="control-label pull-left client-companyDetail">{{clientName}}</label>
                    </div>
				</div>
                
                <div class="list-query"> 
                    <div class="query-terms" ng-if="queryTermsFilterList[0].visible">
                        <label class="control-label pull-left">结算单位：</label>
                        <input type="text" class="form-control input-sm query-term" id="fa-search" ng-model="queryTerms.name" placeholder="请输入结算单位" name="fa-search">
                    </div>

                    <div class="query-terms" ng-if="queryTermsFilterList[1].visible">
                        <label class="control-label pull-left">联系人：</label>
                        <input type="text" class="form-control input-sm query-term" id="fa-searchz" ng-model="queryTerms.contactMan" placeholder="请输入联系人" name="fa-searchz">
                    </div>

                    <div class="query-terms">   
                        <label class="control-label pull-left"></label>                 
                        <button ng-click="queryFunc()" class="btn tms-btn tms-btn-search" ng-class="{'disabled':querying}" ng-disabled="querying" id="query">
                            <i class="fa fa-search" ng-show="!querying"></i>
                            <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                            <span ng-show="!querying">查询</span>
                            <span ng-show="querying">查询中...</span>
                        </button>
                    </div>
                </div>


                <div class="list-btn-area">
                   <button data-toggle="modal" data-target="#settle" class="btn tms-btn tms-btn-add" ng-click="addSettle()" id="add">添加</button>
                   <div class="list-filter-container">
                        <tms-list-filter 
                            tab-head-filter="tabHeadFilter(item)"
                            query-terms-filter-list="queryTermsFilterList"
                            tab-head-filter-list="tabHeadFilterList"
                        ></tms-list-filter>
                    </div>
				</div>

                <div class="list-table">
                    <div class="table-responsive">
                        <div ui-grid="gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{heightA}}px; overflow:hidden; min-width:1650px;">
                            <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
                        </div>
                    </div>
                </div>
                
            </div>

                <!-- Modal -->
                <div class="modal fade" id="settle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header client-modalHeader">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" id="close">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">{{title}}</h4>
                            </div>
                            <div class="modal-body">

                                <table class=" table-bordered client-table">
									<tr>
										<td class="client-td-left"><span class="text-danger">*</span>单位名称：</td>
										<td class="client-td-right">
                                            <input type="text" class="form-control input-sm ipt-3" ng-model="detail.nameBox" required placeholder="请填写单位名称" name="nameBox" id="nameBox">
										</td>
									</tr>
									<tr>
										<td class="client-td-left"><span class="text-danger">*</span>联系人：</td>
										<td class="client-td-right">
                                            <input type="text" class="form-control input-sm ipt-3" ng-model="detail.contactManBox" required placeholder="请填写联系人" name="contactManBox" id="contactManBox">
										</td>
									</tr>
									<tr>
										<td class="client-td-left"><span class="text-danger">*</span>联系电话：</td>
										<td class="client-td-right">
                                            <input type="tel" class="form-control input-sm ipt-3" ng-model="detail.phoneNumber" placeholder="请填联系电话" name="phoneNumber" ng-pattern="/^\d{11,12}$/" required name="phoneNumber" id="phoneNumber">                                
                                        </td>
									</tr>   
                                    <tr>
										<td class="client-td-left">是否启用：</td>
										<td class="client-td-right">
                                            <div class="settle-radio">
                                                <label class="i-checks">
                                                    <input type="radio" name="male" ng-model="detail.isEnabled" value="true" id="ableMale">
                                                    <i></i>
                                                    启用
                                                </label>
                                            </div>
                                             <div class="settle-radio">
                                                <label class="i-checks">
                                                    <input type="radio" name="male" ng-model="detail.isEnabled" value="false" id="disableMale">
                                                    <i></i>
                                                    禁用
                                                </label>
                                             </div>
                                        </td>
									</tr>             
                                    <tr>
										<td class="client-td-left">备注：</td>
										<td class="client-td-right">
                                            <textarea class="form-control project-textarea" ng-model="detail.remarks" placeholder="请填写备注" name="remarks"></textarea>
										</td>
									</tr>
								</table>
                                <div class="clientIfo-bottom tms-editBtn">
                                    <button type="button" class="btn tms-btn tms-btn-save" ng-disabled="step5.$invalid" ng-click="detail.settleSave()" id="save">保存</button>
                                    <button type="button" class="btn tms-btn tms-btn-miss" data-dismiss="modal" id="calcel">取消</button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            
        </form>
	</div>
	
</div>